.div_parent{
	
	width: 600px;
	
	height: 300px;
	
	border: 1px solid red;
	
}

.div_parent>div{
	
	 width: 100px;
	 
	 height: 100px;
	
}

.div_son1{
	
	background-color: pink;
	
}
.div_son2{
	
	background-color:palegreen;
	
}
.div_son3{
	
	background-color:paleturquoise;
	
}

.row{
	
	display: flex; /*设置弹性盒子模型*/
	
	flex-direction: row; /*在一行内显示*/
     
    flex-wrap:wrap; /*设置是否换行  默认是不换行 (会自动缩小盒子)*/
   
    justify-content: stretch;
	
} 

.reverse_row{
	
	display: flex;
	
	flex-direction: row-reverse;/*在一行内显示  从右到左*/
}

.column{
	
	display: flex;
	
	flex-direction: column;/*在一列内显示  从上到下*/
	
	flex-wrap: wrap;
	
}

.reverse_column{
	
	display: flex;
	
	flex-direction:column-reverse;/*在一列内显示  从下到上*/
	
}
